<template>
  <div>
    <a-form>
      <a-form-item
        label="工程规划"
        :labelCol="{ span: 3 }"
        :wrapperCol="{ span: 20 }"
      >
        <div style="font-weight: 400">【GCGH-000001】 2024年信创转型工程</div>
      </a-form-item>
      <a-form-item
        label="要求完成时间"
        :labelCol="{ span: 3 }"
        :wrapperCol="{ span: 20 }"
        required
      >
        <a-date-picker style="width: 30%" />
      </a-form-item>
      <a-form-item
        label="调查名称"
        :labelCol="{ span: 3 }"
        :wrapperCol="{ span: 20 }"
        required
      >
        <a-input placeholder="请输入" />
      </a-form-item>
      <a-form-item
        label="调查描述"
        :labelCol="{ span: 3 }"
        :wrapperCol="{ span: 20 }"
        required
      >
        <a-textarea
          placeholder="请输入"
          allow-clear
          :rows="4"
          @change="onDescChange"
        />
      </a-form-item>
      <div class="cus-footer">
        <a-button @click="nextStep" style="margin-right: 16px">保存</a-button>
        <a-button type="primary" @click="nextStep">下一步</a-button>
      </div>
    </a-form>
  </div>
</template>

<script>
export default {
  name: "Step1",
  methods: {
    nextStep() {
      this.$emit("nextStep");
    },
    onDescChange() {
      console.log("onDescChange log");
    },
  },
};
</script>

<style scoped lang="less"></style>
